<!doctype html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>表单控件——输入框input</title>
    <link rel="stylesheet" href="//netdna.bootstrapcdn.com/bootstrap/3.1.1/css/bootstrap.min.css">
</head>
<body>
<!--
每一个表单都是由表单控件组成。离开了控件，表单就失去了意义。接下来的我们简单的来了解Bootstrap框架中表单控件的相关知识。

单行输入框，常见的文本输入框，也就是input的type属性值为text。在Bootstrap中使用input时也必须添加type类型，如果没有指定type类型，将无法得到正确的样式，因为Bootstrap框架都是通过input[type=“?”](其中?号代表type类型，比如说text类型，对应的是input[type=“text”])的形式来定义样式的。

为了让控件在各种表单风格中样式不出错，需要添加类名“form-control”，如：

<form role="form">
    <div class="form-group">
        <input type="email" class="form-control" placeholder="Enter email">
    </div>
</form>
-->
<form class="form-inline" role="form">
  <div class="form-group">
      <label for="username">用户名:</label> 
      <input type="text"  class="form-control" id="username" placeholder="Enter username" > <!--class="form-control"-->
  </div>
  <div class="form-group">
      <label for="username">用户密码:</label> 
      <input type="email" class="form-control" id="email" placeholder="Enter email"> <!--class="form-control"-->
  </div>
</form>   
</body>
</html>